<template>
  <div class="profile">
    <nav-bar class="nav-bar">
      <div slot="center">我的</div>
    </nav-bar>
    <pro-file-info />
    <pro-file-money-info />
    <pro-file-menus />
  </div>
</template>

<script>
import NavBar from "../../components/common/navbar/NavBar.vue";
import ProFileInfo from './childComps/ProFileInfo.vue';
import ProFileMenus from './childComps/ProFileMenus.vue';
import ProFileMoneyInfo from './childComps/ProFileMoneyInfo.vue';
export default {
  name: "Profile",
  components:{
    NavBar,
    ProFileInfo,
    ProFileMoneyInfo,
    ProFileMenus,
  }
};
</script>

<style scoped>
.nav-bar {
  background-color: var(--color-high-text);
  color:#fff;
}
</style>